<template>
    <div id="OrdersLoad">
        <v-details :detailData="inputData" :inputConfig="inputConfig"></v-details>
    </div>
</template>

<script>
    import details from "commons/Detail";
    import baseMixin from "@/mixins/BaseMixin";

    export default {
        name: "OrdersLoad",
        mixins: [baseMixin],
        props: {
            inputData: {
                type: Object
            }
        },
        data() {
            return {
                inputConfig: [
                    [
                        {
                            type: "input",
                            label: this.$t('out.orderkey'),
                            props: "orderkey",
                            disabled: true
                        },
                        {
                            type: "input",
                            label: this.$t('in.door'),
                            props: "door",
                            disabled: true
                        },
                        {
                            type: "input",
                            label: this.$t('out.stop'),
                            props: "stop",
                            disabled: true
                        },
                        {
                            type: "input",
                            label: this.$t('out.stage'),
                            props: "stage",
                        },
                        {
                            type: "input",
                            label: this.$t('out.carrierroutestatus'),
                            props: "carrierroutestatus"
                        },
                        {
                            type: "input",
                            label: "Appointment Number",
                            props: "appointmentkey"
                        },
                        {
                            type: "select",
                            label: "Freight Charge Currency",
                            props: "tmfreightchargecurrency",
                            options: this.getOptions("querycodeLkup/CURRCODE")
                        },
                        {
                            type: "select",
                            label: "Freight Cost Currency",
                            props: "tmfreightcostcurrency",
                            options: this.getOptions("querycodeLkup/CURRCODE")
                        },
                    ],
                    [
                        {
                            type: "input",
                            label: this.$t('out.transportationservice'),
                            props: "transportationservice",
                        },
                        {
                            type: "input",
                            label: this.$t('config.transportationmode'),
                            props: "transportationmode",
                            disabled: true
                        },
                        {
                            type: "select",
                            label: this.$t('in.termsnote'),
                            props: "pmtterm",
                            options: this.getOptions("querycodeLkup/PMTTERM")
                        },
                        {
                            type: "select",
                            label: this.$t('in.incoterms'),
                            props: "incoterm",
                            options: this.getOptions("querycodeLkup/INCOTERMS")
                        },
                        {
                            type: "select",
                            label: this.$t('config.containerType'),
                            props: "containertype",
                            options: this.getOptions("querycodeLkup/TRANSPMODE")
                        },
                        {
                            type: "input",
                            label: this.$t('out.containerqty'),
                            props: "containerqty",
                            disabled: true
                        },
                        {
                            type: "input",
                            label: this.$t('out.externalloadid'),
                            props: "externalloadid",
                            disabled: true
                        },
                        {
                            type: "input",
                            label: this.$t('out.freightchargeamount'),
                            props: "freightchargeamount",
                            disabled: true
                        },
                        {
                            type: "input",
                            label: this.$t('out.freightcostamount'),
                            props: "freightcostamount",
                            disabled: true
                        },
                    ],
                    [
                        {
                            type: "select",
                            label: this.$t('in.origincountry'),
                            props: "countryoforigin",
                            options: this.getOptions("querycodeLkup/ISOCOUNTRY")
                        },
                        {
                            type: "select",
                            label: this.$t('in.destinationcountry'),
                            props: "countrydestination",
                            options: this.getOptions("querycodeLkup/ISOCOUNTRY")
                        },
                        {
                            type: "input",
                            label: this.$t('in.placeofdischarge'),
                            props: "dischargeplace"
                        },
                        {
                            type: "input",
                            label: this.$t('in.placeofdelivery'),
                            props: "deliveryplace"
                        },
                        {
                            type: "input",
                            label: this.$t('out.containerid'),
                            props: "containerid"
                        },
                        {
                            type: "input",
                            label: this.$t('out.receiptkey'),
                            props: "receiptkey"
                        },
                        {
                            type: "input",
                            label: this.$t('out.pokey'),
                            props: "pokey"
                        },
                        {
                            type: "checkbox",
                            label: this.$t('out.allocation'),
                            props: "apportion"
                        },
                    ],
                ]
            };
        },
        methods: {
            setdata(data, id, close) {

            }
        },
        mounted() {
        },
        components: {
            "v-details": details
        }
    };
</script>

<style scoped>
</style>

